<div th:fragment="frag(list, vp)">
	<ul class="dropdown-menu" role="menu">
		<li>
			<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-edit"
				th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-update-viewproperty|" data-bigmodal-select="true"
				data-bigmodal-url="/meta/man/biz/viewproperty/load"> 修改</a>
		</li>
		<li class="dropdown bigdropdown">
			<a data-toggle="dropdown" role="button">
			    <span class="fa fa-plus-circle"> 新建</span>
			    <span class="fa fa-caret-right pull-right"></span>
			    <span class="sr-only"></span>
		    </a>
		    <ul class="dropdown-menu">
		    	<li class="disabled">
					<a><span class="text-gray" th:text="${' 选择新建：'}"></span></a>
				</li>
		    	<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-property|" data-bigmodal-select="true" th:data-bigmodal-viewtype="${list.type}"> 选择属性</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-dictionary|" data-bigmodal-propertyselect="1" th:data-bigmodal-viewtype="${list.type}"> 数据字典</a>
				</li>
				<li class="disabled">
					<a><span class="text-gray" th:text="${' 新建属性：'}"></span></a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-property|" data-bigmodal-select="false" th:data-bigmodal-viewtype="${list.type}"> 属性</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-dictionary|" data-bigmodal-propertyselect="0" th:data-bigmodal-viewtype="${list.type}"> 数据字典</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-property|" 
						data-bigmodal-type="6" data-bigmodal-name="创建时间" data-bigmodal-default="创建时间"
						data-bigmodal-viewtype="form" data-bigmodal-listwidth="120" data-bigmodal-ordertype="DESC"
						data-bigmodal-searchinputtype="combo" data-bigmodal-comparetype="select-expression" th:data-bigmodal-viewtype="${list.type}"> 创建时间</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-property|" 
						data-bigmodal-type="6" data-bigmodal-name="修改时间" data-bigmodal-default="修改时间"
						data-bigmodal-viewtype="form" data-bigmodal-listwidth="120" data-bigmodal-order="1" data-bigmodal-ordertype="DESC"
						data-bigmodal-searchinputtype="combo" data-bigmodal-comparetype="select-expression" th:data-bigmodal-viewtype="${list.type}"> 修改时间</a>
				</li>
				<li class="disabled">
					<a><span class="text-gray" th:text="${' 新建关系：'}"></span></a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-relation|" th:data-bigmodal-viewtype="${list.type}"> 关系</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-relation|"
						data-bigmodal-name="创建人" data-bigmodal-type="M21" data-bigmodal-default="创建人" 
						data-bigmodal-relatedobjectid="m_object:sys_user" th:data-bigmodal-viewtype="${list.type}"> 创建人</a>
				</li>
				<li>
					<a th:data-bigmodal-app="${vp.view.app.id}" th:data-bigmodal-viewproperty="${vp.id}" class="fa fa-plus-circle" 
						th:data-bigmodal-selector="|#${list.app.domprefix}-${list.id}-modal-create-relation|"
						data-bigmodal-name="修改人" data-bigmodal-type="M21" data-bigmodal-default="修改人" 
						data-bigmodal-relatedobjectid="m_object:sys_user" th:data-bigmodal-viewtype="${list.type}"> 修改人</a>
				</li>
		    </ul>
		</li>
		<li class="dropdown bigdropdown" th:if="${list.type == 'list'}">
		    <a data-toggle="dropdown" role="button">
			    <span class="fa fa-list-ol"> 排序</span>
			    <span class="fa fa-caret-right pull-right"></span>
			    <span class="sr-only"></span>
		    </a>
		    <ul class="dropdown-menu">
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-orderviewproperty
						data-meta-ordertype="ASC">
						<span class="fa fa-long-arrow-up" th:text="${' 升序'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-orderviewproperty
						data-meta-ordertype="DESC">
						<span class="fa fa-long-arrow-down" th:text="${' 降序'}"></span>
					</a>
				</li>
				<li class="disabled">
					<a><span class="text-gray" th:text="${' 改变排序：'}"></span></a>
				</li>
				<li th:each="order : ${list.orderProperties}">
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${order.id}" data-meta-toggleorderviewproperty>
						<span th:class="|fa fa-long-arrow-${order.orderType == 'DESC'? 'down' : 'up'}|" th:text="${' ' + order.name}"></span>
					</a>
				</li>
				<li class="disabled">
					<a><span class="text-gray" th:text="${' 取消排序：'}"></span></a>
				</li>
				<li th:each="order : ${list.orderProperties}">
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${order.id}" data-meta-unorderviewproperty>
						<span th:class="|fa fa-long-arrow-${order.orderType == 'DESC'? 'down' : 'up'}|" th:text="${' ' + order.name}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-view="${list.id}" data-meta-unorderview>
						<span class="fa fa-times-circle-o" th:text="${' 取消所有'}"></span>
					</a>
				</li>
		    </ul>
		</li>
		<li class="divider"></li>
		<li class="dropdown bigdropdown">
		    <a data-toggle="dropdown" role="button">
			    <span class="fa fa-align-justify"> 设置宽度</span>
			    <span class="fa fa-caret-right pull-right"></span>
			    <span class="sr-only"></span>
		    </a>
		    <ul class="dropdown-menu">
			  	<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="50">
						<span class="fa fa-align-justify" th:text="${' 小'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="100">
						<span class="fa fa-align-justify" th:text="${' 中'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="145">
						<span class="fa fa-align-justify" th:text="${' 日期时间'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="200">
						<span class="fa fa-align-justify" th:text="${' 大'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="300">
						<span class="fa fa-align-justify" th:text="${' 巨大'}"></span>
					</a>
				</li>
				<li>
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" data-meta-resizeviewproperty
						data-meta-width="-1">
						<span class="fa fa-align-justify" th:text="${' 自适应'}"></span>
					</a>
				</li>
		    </ul>
		</li>
		<li>
			<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
			data-meta-moveviewproperty class="fa fa-arrow-circle-left" data-meta-offset="-1"> 前移</a>
		</li>
		<li>
			<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
			data-meta-moveviewproperty class="fa fa-arrow-circle-right" data-meta-offset="1"> 后移</a>
		</li>
		<li class="divider"></li>
		<li class="dropdown bigdropdown">
		    <a data-toggle="dropdown" role="button">
			    <span class="fa fa-plus-circle"> 显示</span>
			    <span class="fa fa-caret-right pull-right"></span>
			    <span class="sr-only"></span>
		    </a>
		    <ul class="dropdown-menu">
			  	<li th:each="hidden : ${list.properties}" th:if="${hidden.type == 'hidden'}">
					<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
						th:data-meta-hidden="${hidden.id}" data-meta-showviewproperty>
						<span class="fa fa-plus-circle" th:text="${' ' + hidden.name}"></span>
					</a>
				</li>
		    </ul>
		</li>
		<li>
			<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
			data-meta-hideviewproperty class="fa fa-ban"> 隐藏</a>
		</li>
		<li>
			<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
			data-meta-deleteviewproperty data-meta-cascade="false" class="fa fa-times-circle-o"> 删除</a>
		</li>
		<li>
			<a th:data-meta-app="${vp.view.app.id}" th:data-meta-viewproperty="${vp.id}" 
			data-meta-deleteviewproperty data-meta-cascade="true" class="fa fa-times-circle"> 级联删除</a>
		</li>
	</ul>
</div>